2023/12/232375字符

BOM

  • BOM 浏览器对象模型:主要处理浏览器窗口(window)和框架(iframe),描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,不过通常浏览器特定的JavaScript扩展都被看做BOM的一部分

Window

  • innerWidth :浏览器窗口宽度(可读不可写)
  • innerHeight :浏览器窗口高度
  • pageXOffset :横向滚动条偏移量(可读不可写)
  • pageYOffset :纵向滚动条偏移量
  • screenX || screenLeft :浏览器距离屏幕的左边距(可读不可写)
  • screenY || screenTop :浏览器距离平魔的上边距
  • alert(); confirm(); prompt(); :弹窗
  • close(); :关闭浏览器
  • open('http://www.baidu.com', 'bozai', 'width=100,height=100'); :打开新窗口
  • scrollBy(0, 300) :指定的像素值来滚动内容
  • scrollTo(0, 300) :把内容滚动到指定坐标
  • cookieEnabled; :若启用 cookie 返回 true,否则返回 false
  • onLine :监测系统是否处于脱机模式(断网)
  • userAgent :返回客户机发送服务器的 user-agent 头部的值

History 返回该浏览窗口的历史

  • length :浏览器历史记录列表中的 url 数量
  • back() :浏览器 history 列表中的前一个 url
  • forward() :浏览器 history 列表中的后一个 url
  • go() :浏览器 history 列表中的某个具体页面

Location 返回窗口装载的 html 文档 url

  • protocol :"http:" 协议
  • host :"www.baidu.com" 域名
  • pathname :"/s" 地址
  • search :? 参数
  • hash :# 锚点(单页面应用)
  • assign('https://www.baidu.com') :加载新的文档
  • reload() :拉取新页面 参数为true时刷新
  • replace() :页面替换

Screen 返回当前浏览者屏幕对象(兼容性很差)

  • availHeight(); :窗口可使用的屏幕高度,单位像素
  • availWidth(); :窗口可使用的屏幕高度
  • colorDrepth(); :用户浏览器表示的颜色位数

document 返回装载的 html 文档

  • moveBy(); moveTo(); :移动窗口(谷歌、火狐不兼容)
  • resizeBy(); resizeTo(); :重设窗口大小(谷歌、火狐不兼容)
  • scrollBy(); scrollTo(); :滚动窗口
  • open(); :打开新页面
  • setInterval(); clearInterval(); :设置、删除定时器